import React, { FC } from 'react'
import styles from './index.module.scss'
import { useNavigate } from 'react-router-dom'
import { ProjectTwoTone, ReconciliationTwoTone } from '@ant-design/icons'
const FunctionPanel: FC = () => {
  const nav = useNavigate()
  return (
    <>
      <div className={styles.FunctionPanelContainer}>
        <div className={styles.FunctionButtonItem} onClick={() => nav('/manage/list')}>
          <div className={styles.icons}>
            <ProjectTwoTone />
          </div>
          <div className={styles.text}>生成问卷</div>
        </div>
        <div className={styles.FunctionButtonItem} onClick={() => nav('/poster')}>
          <div className={styles.icons}>
            <ReconciliationTwoTone />
          </div>
          <div className={styles.text}>生成海报</div>
        </div>
      </div>
    </>
  )
}
export default FunctionPanel
